<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>过期判断</title>
    <script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/dayjs/1.10.8/dayjs.min.js" type="application/javascript"></script>
    <script>
      function isOverDate(createDateStr, limitDay) {
        //转换成日期类型
        let createDate = new Date(createDateStr)
        /* 方式一: 使用原生JS实现 */
        //把生产日期转换成对应的毫秒数,再加上保质期天数的毫秒数
        /* let time = createDate.getTime() + limitDay * 24 * 60 * 60 * 1000
           //和当前系统时间毫秒数比较
           if (time < new Date().getTime()) {
             //说明过期了
             alert('该商品已过期.')
           } else {
             //说明没有过期
             alert('该商品未过期.')
           }
           */

        /* 方式二: 使用第三方日期JS框架来实现 -- dayjs */
        return dayjs().isBefore(dayjs(createDate).add(limitDay, 'day')) ? '未过期' : '已过期'
      }

      //获取用户输入的生产日期字符串
      let createDateStr = prompt('请您输入产品生产日期(yyyy-MM-dd):')
      //获取产品的保质期天数
      let limitDay = prompt('请您输入保质期: ')
      console.log(isOverDate(createDateStr, limitDay))
    </script>
  </head>
  <body></body>
</html>
